<script setup lang="ts">
import { onMounted } from 'vue'
import { useRouter } from 'vue-router'
import { Loading } from '@element-plus/icons-vue'

const router = useRouter()

// 页面加载时自动跳转到账号设置页
onMounted(() => {
  router.replace('/account/settings')
})
</script>

<template>
  <div class="settings-redirect">
    <div class="redirect-message">
      <el-icon class="loading-icon"><Loading /></el-icon>
      <p>正在跳转到账号设置页面...</p>
    </div>
  </div>
</template>

<style scoped>
.settings-redirect {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
}

.redirect-message {
  text-align: center;
}

.loading-icon {
  font-size: 2rem;
  color: #409EFF;
  animation: rotating 2s linear infinite;
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
</style> 